<div [@routerTransition]>
    <div class="m-subheader">
        <div class="d-flex align-items-center">
            <div class="mr-auto col-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>任务工时</span>
                </h3>
                <span class="m-section__sub">
                    任务工时的文本头信息
                </span>
            </div>
        </div>
    </div>

    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <div class="row align-items-center" style="padding: 0 14px;">
                    <!--<Primeng-TurboTable-Start>-->
                    <div
                        class="primeng-datatable-container myTable"
                        [busyIf]="primengTableHelper.isLoading"
                    >
                        <div
                            style="
                                width: 33%;
                                float: left;
                                border: 1px solid #c4c5d6;
                                padding: 10px;
                            "
                        >
                            <div
                                style="
                                    font-size: 16px;
                                    font-weight: bold;
                                    text-align: center;
                                    margin: 10px 0;
                                "
                            >
                                车间级
                            </div>
                            <form class="horizontal-form" autocomplete="off">
                                <div class="m-form m-form--label-align-right">
                                    <div
                                        class="row align-items-center m--margin-bottom-10"
                                    >
                                        <div class="col-xl-12">
                                            <div
                                                class="form-group m-form__group align-items-center"
                                            >
                                                <div
                                                    class="input-group myselect"
                                                    style="width: 100%;"
                                                >
                                                    <span
                                                        style="
                                                            line-height: 36px;
                                                            margin-left: 20px;
                                                        "
                                                        >选择时间：</span
                                                    >
                                                    <!-- <input
                                                        class="form-control"
                                                        style="width: 20%;"
                                                        id="StartEndRange"
                                                        name="StartEndRange"
                                                        #drp="bsDaterangepicker"
                                                        readonly="readonly"
                                                        bsDaterangepicker
                                                        dateRangePickerInitialValue
                                                        [(ngModel)]="dateBRange"
                                                    /> -->
                                                    <date-range-picker
                                                    id="StartEndRange"
                                                    [(startDate)]="startbDate"
                                                    [(endDate)]="endbDate"
                                                  ></date-range-picker>
                                                    <span
                                                        class="input-group-btn"
                                                    >
                                                        <button
                                                            (click)="
                                                                getWorking()
                                                            "
                                                            class="btn btn-primary"
                                                            type="submit"
                                                        >
                                                            <!-- <i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i> -->
                                                            搜索
                                                        </button>
                                                    </span>
                                                    <span
                                                        class="input-group-btn"
                                                        style="
                                                            margin-left: 10px;
                                                        "
                                                    >
                                                        <button
                                                            (click)="cleanB()"
                                                            class="btn btn-metal"
                                                            type="submit"
                                                        >
                                                            清空
                                                        </button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <p-chart
                                type="doughnut"
                                height="500px"
                                [data]="data"
                            ></p-chart>
                        </div>

                        <div
                            style="
                                width: 67%;
                                float: left;
                                border: 1px solid #c4c5d6;
                                padding: 10px;
                            "
                        >
                            <div
                                style="
                                    font-size: 16px;
                                    font-weight: bold;
                                    text-align: center;
                                    margin: 10px 0;
                                "
                            >
                                班组级
                            </div>
                            <form class="horizontal-form" autocomplete="off">
                                <div class="m-form m-form--label-align-right">
                                    <div
                                        class="row align-items-center m--margin-bottom-10"
                                    >
                                        <div class="col-xl-12">
                                            <div
                                                class="form-group m-form__group align-items-center"
                                            >
                                                <div
                                                    class="input-group myselect"
                                                    style="width: 60%;"
                                                >
                                                    <span
                                                        style="
                                                            line-height: 36px;
                                                            margin-left: 20px;
                                                        "
                                                        >选择时间：</span
                                                    >
                                                    <date-range-picker
                                                    id="StartEndRange"
                                                    [(startDate)]="startuDate"
                                                    [(endDate)]="enduDate"
                                                  ></date-range-picker>
                                                    <p-dropdown
                                                        [options]="teamGroups"
                                                        name="teamGroups"
                                                        [(ngModel)]="orgid"
                                                        placeholder="选择班组"
                                                        optionLabel="displayText"
                                                        (onChange)="
                                                            getUserChar()
                                                        "
                                                        [style]="{
                                                            height: '40px'
                                                        }"
                                                    ></p-dropdown>
                                                    <span
                                                        class="input-group-btn"
                                                        style="
                                                            margin-left: 10px;
                                                        "
                                                    >
                                                        <button
                                                            (click)="
                                                                getUserChar()
                                                            "
                                                            class="btn btn-primary"
                                                            type="submit"
                                                        >
                                                            <!-- <i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i> -->
                                                            搜索
                                                        </button>
                                                    </span>
                                                    <span
                                                        class="input-group-btn"
                                                        style="
                                                            margin-left: 10px;
                                                        "
                                                    >
                                                        <button
                                                            (click)="cleanU()"
                                                            class="btn btn-metal"
                                                            type="submit"
                                                        >
                                                            清空
                                                        </button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <p-chart
                                type="bar"
                                height="500px"
                                height="500px"
                                [data]="userdata"
                            ></p-chart>
                        </div>
                    </div>
                    <!--<Primeng-TurboTable-End>-->
                </div>
            </div>
        </div>
    </div>
</div>
